<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <title>imgshow</title>
    <link rel="stylesheet" href="http://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.min.css">
	<script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
	<script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.min.js"></script>
	<script src="base/base.js"></script>
	<link rel="stylesheet" href="base/base.css">
<!---->
<style>

</style>
</head>
<body>
<header data-am-widget="header" class="am-header am-header-default am-header-fixed">
  <div class="am-header-left am-header-nav">
      <a href="javascript:history.back();" class="">
          <img class="am-header-icon-custom" src="data:image/svg+xml;charset&#x3D;utf-8,&lt;svg xmlns&#x3D;&quot;http://www.w3.org/2000/svg&quot; viewBox&#x3D;&quot;0 0 12 20&quot;&gt;&lt;path d&#x3D;&quot;M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z&quot; fill&#x3D;&quot;%23fff&quot;/&gt;&lt;/svg&gt;" alt=""/>
      </a>
  </div>

  <h1 class="am-header-title">
      <a href="#title-link" class="">
        Sexy Girl
      </a>
  </h1>
  <div class="am-header-right am-header-nav">
          <div class="am-dropdown" data-am-dropdown>
		  <button class="am-btn am-btn-primary am-dropdown-toggle" data-am-dropdown-toggle><i class="am-header-icon am-icon-bars"></i></button>
		  <ul class="am-dropdown-content">
		    <li><a href="index.html">Sexy </a></li>
		    <li><a href="indeximg.html">Image </a></li>
		    <li><a href="indextext.html">Sister </a></li>
		    <li><a href="indexJokes.html">Jokes </a></li>
		  </ul>
		</div>
      </div>
</header>

<ul data-am-widget="gallery" class="am-gallery am-avg-sm-2 am-gallery-imgbordered" data-am-gallery="{pureview: 1}">

    <div class="am-gallery-item" id="imglist">
    	
    </div> 
 
</ul>

<header class="am-topbar am-topbar-inverse am-topbar-fixed-bottom">
  <div class="am-container">
    <ul class="am-nav am-nav-pills am-nav-justify">
	  <li><a href="index.html">Sexy</a></li>
	  <li><a href="indeximg.html">Image</a></li>
	  <li><a href="indextext.html">Sister</a></li>
	  <li><a href="indexJokes.html">Jokes</a></li>
	</ul>
  </div>
</header>

<div data-am-widget="gotop" class="am-gotop am-gotop-fixed" >
<a href="#top" title="回到顶部">
    <i class="am-gotop-icon am-icon-chevron-up"></i>
</a>
</div>
<script type="text/javascript">

var urls = location.search;
var _urls = urls.split('=')[1];
//console.log(_urls);

$.ajax({
    type: 'post',
    url: 'http://route.showapi.com/1208-3',
    dataType: 'json',
    data: {
        "showapi_timestamp": formatterDateTime(),
        "showapi_appid": '44966', //这里需要改成自己的appid
        "showapi_sign": '6cae83dfd63e4c52af67dd9fe32dbe1c',  //这里需要改成自己的应用的密钥secret
		"id":_urls,
    },

    error: function(XmlHttpRequest, textStatus, errorThrown) {
        alert("操作失败!");
    },
    success: function(result) {
//      console.log(result) //console变量在ie低版本下不能用
//      alert(result.showapi_res_code)
		var _data = result.showapi_res_body.data;
//		console.log(_data);
		var html = '';
		for(var i=0 ;i<_data.length;i++){
			var texts = '<img src="'+_data[i]+'" alt="" data-rel="'+_data[i]+'"/> ';	
			html += texts;
			$("#imglist").html(html);
		}
		
    }
});
</script>


</body>
</html>